<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
	</head>
	<body>
		<div class="container">
			<!--选项卡导航 -->
			<ul class="nav nav-tabs nav-justified">
				<li class="active"><a href="">java</a></li>
				<li><a href="">php</a></li>
				<li><a href="">c#</a></li>
				<li><a href="">javascript</a></li>
			</ul>
			<hr />
			<!--胶囊式导航 -->
			<ul class="nav nav-pills nav-justified">
				<li class="active"><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">天津</a></li>
				<li><a href="">深圳</a></li>
			</ul>

			<hr>
			<!--下拉菜单导航 -->
			<ul class="nav nav-pills">
				<li class="active"><a href="">账户管理</a></li>
				<li><a href="">订单管理</a></li>
				<li><a href="">商品管理</a></li>
				<li><a href="">分类管理</a></li>
				<li class="dropdown">
					<a  data-toggle="dropdown">更多
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li class="active"><a href="">购物车</a></li>
						<li><a href="">优惠券</a></li>
						<li><a href="">秒杀</a></li>
					</ul>


				</li>
			</ul>
		</div>

      <script src="js/jquery-1.12.4.js"></script>
	  <script src="js/bootstrap.min.js"></script>
	</body>
</html>
